<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>程序设计基础协会</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../public/css/usual_class.css">
    <link rel="stylesheet" href="../public/css/header_footer.css">
    <link rel="stylesheet" href="css/cj.css">
</head>

<body>
    <div class="header">
        <div style="position: inherit" class="header">
            <div class="head_content">
                <div class="head_logo">
                    <img src="../public/images/logo_03.png">
                </div>
                <!--导航栏-->
                <nav class="head_navbar">
                    <ul id="main">
                        <li><a href="../home/home.html">首页</a></li>
                        <li>
                            <a>社团</a>
                            <ul class="drop">
                                <div>
                                    <li style="width: 100%;"><a href="../PO/cj.html">程序设计基础协会</a></li>
                                    <li style="width: 100%;"><a href="../ACM/acm.html">ACM协会</a></li>
                                    <li style="width: 100%;"><a href="../UO/bgs.html">不甘社</a></li>
                                    <li style="width: 100%;"><a href="../wkf/wkf.html">微开发</a></li>
                                </div>
                            </ul>
                        </li>
                        <li><a href="../production/production.html">作品</a></li>
                        <li><a href="../news/news_up.html">新闻</a></li>
                        <li style="padding: 10px 0; font-size: 1rem"><a href="../about/about.html">关于我们</a></li>
                        <div id="marker" style=""></div>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <div class="parallax-roll lh0">
        <div class="parallax-title c-text-w">
            <p class="fs45 ta-c">程序设计基础协会</p>
            <p class="ta-c">一个专注于编程基础的协会</p>
        </div>
        <!-- <img class="w-full" src="images/home_slide_01.jpg" alt=""> -->
    </div>
    <div class="">
        <!-- What We Do-->
        <div class="what_we_do">
            <div class="container">
                <h1 class="title"> What We Do</h1>
                <div>
                    <div class="summary">
                        <p>
                            我们就是讲课的，反正就是讲课的，给你们洗洗脑，专业 传销20年。 分i啊电视剧发了进大神来分开就啊的开始了 放假啊看电视剧罚款的缴费卡积分打开撒减肥阿斯顿开了附近拉 升的卡夫卡束带结发开始点缴费卡死定了就困啦束带结发卡萨丁旅客发送点缴费卡圣诞节 方卡死了都积分卡束带结发了大时空立方阿斯达克了放假阿斯顿快疯了
                        </p>
                    </div>
                    <div class="image">
                        <img src="images/what_we_do.png">
                    </div>
                </div>
            </div>
        </div>
        <!--每周的小老师义务课堂<-->
        <div class="" style="background: #34bad1; width: 100%; height: 650px;">
            <div style="text-align: center">
                <h1 style="color: #fff; padding-top: 8%;">每周的小老师义务课堂</h1>
                <div style="margin:auto; width:50% ;">
                    <p style="padding: 50px 0;"> 我们就是讲课的，反正就是讲课的，给你们洗洗脑，专业 传销20年。 分i啊电视剧发了进大神来分开就啊的开始了 放假啊看电视剧罚款的缴费卡积分打开撒减肥阿斯顿开了附近拉 升的卡夫卡束带结发开始点缴费卡死定了就困啦束带结发卡萨丁旅客发送点缴费卡圣诞节 方卡死了都积分卡束带结发了大时空立方阿斯达克了放假阿斯顿快疯了
                    </p>
                </div>
                <div style="width: 60%; margin: auto;margin-top: 20px">
                    <div style="width: 33%; float: left; padding: 0 20px;">
                        <img style="width: 100%;" src="images/cj_head.png">
                    </div>
                    <div style="width: 33%;float: left;padding: 0 20px;">
                        <img style="width: 100%;" src="images/cj_head.png">
                    </div>
                    <div style="width: 33%;float: left;padding: 0 20px;">
                        <img style="width: 100%;" src="images/cj_head.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="" style="background: #fff; width: 100%; height: 450px;">
            <div style="text-align: center">
                <h1 style="color: #010101; padding-top:8% ;">给自己定一个可以完成的小目标</h1>
                <p style=" color: #010101; padding-top:3%;">比如每周都来程基上课</p>
                <!--<img style="padding-top: ;" src="img/cj_head.png">-->
            </div>
        </div>
        <footer class="footer c-text-w ta-c mt24">
            <div class="footer-logo">
                <div class="logo-main">
                    <div><img class="w252" src="../public/images/logo_without_text.png"></div>
                    <p class="pt16">版权所有：北京理工大学珠海学院计算机科技协会</p>
                </div>
            </div>
            <div class="footer-logo">
                <div class="logo-qr">
                    <div><img class="w108" src="../public/images/qq_qt_code.jpg"></div>
                    <p class="pt16">2016级程序程基协会qq群</p>
                </div>
            </div>
            <div class="footer-logo">
                <div class="logo-qr">
                    <div><img class="w108" src="../public/images/wechat_qt_code.jpg"></div>
                    <p class="pt16">计算机科技协会服务号</p>
                </div>
            </div>
        </footer>
</body>

</html>
